<template>
    <!-- 变更历史页面 -->
    <div class="e-table">
        <el-table
            :data="alterationTable"
            ref="table"
            class="table"
            v-sortTable="{
                tableData: alterationTable,
                _this: this,
                ref: 'table'
            }"
            border
            style="width: 100%"
        >
            <el-table-column fixed label="操作" width="100">
                <template slot-scope="{ row, $index }">
                    <div v-if="row.state == '0'" class="handle">
                        <img
                            src="@/assets/btn/delete.png"
                            @click="handleDelete(row, $index)"
                        />
                    </div>
                </template>
            </el-table-column>
            <el-table-column
                type="index"
                width="55"
                label="序号"
            ></el-table-column>
            <el-table-column
                prop="supplierName"
                label="供应商名称"
                min-width="200"
                show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span
                        @click="Examine(scope.row.id)"
                        style="color: blue; cursor: pointer"
                    >
                        {{ scope.row.supplierName }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
                prop="registerCapital"
                label="注册资本（万元）"
                width="200"
            >
            </el-table-column>
            <el-table-column
                prop="creditCode"
                label="统一社会信用代码"
                width="190"
            >
            </el-table-column>
            <el-table-column prop="manageOrgName" label="管理单位" width="200">
            </el-table-column>
            <el-table-column
                prop="businessScopeName"
                label="管理单位"
                width="200"
            >
            </el-table-column>
            <el-table-column
                prop="qualificationLevelName"
                label="供应商品"
                width="150"
            >
            </el-table-column>
            <el-table-column prop="gmtCreate" label="资质等级" width="150">
            </el-table-column>
            <el-table-column prop="founderName" label="变更时间" width="120">
            </el-table-column>
            <el-table-column prop="state" label="变更人" width="80">
            </el-table-column>
            <el-table-column prop="state" label="变更状态" width="80">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    props: {
        billId: {
            type: String,
            default: '',
            require: true
        },
        alterationTable: {
            type: Array,
            default: () => {
                return []
            }
        }
    },
    data () {
        return {}
    },
    methods: {
        //点击分包商名字查看详情数据
        Examine (billid) {
            this.$router.push({
                path: '/supplierbePutinstorageChangeEdit',
                query: { billid }
            })
        }
    }
}
</script>

<style lang="sass" scoped></style>
